<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="manage/manage_layout">

<head>
    <title>权限管理</title>
</head>

<body class="manage manage-auth">

<div layout:fragment="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3 col-md-3 user">
                <div class="panel panel-user">
                    <div class="panel-heading">用户</div>
                    <div class="panel-body">
                        <form class="navbar-form" role="search">
                            <div class="form-group">
                                <label for="userSearchInput" class="sr-only">请输入查询关键字</label>
                                <input type="text" class="form-control search-input-w2" id="userSearchInput" name="userkey"
                                       placeholder="请输入用户ID/名称">
                                <input type="text" class="dn"><!--防止form回车自动提交-->
                            </div>
                            <button type="button" class="btn btn-primary" id="btnUserSearch">查询</button>
                        </form>
                        <ul id="userTree" class="ztree"></ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-3 role">
                <div class="panel panel-role">
                    <div class="panel-heading">角色</div>
                    <div class="panel-body">
                        <form class="navbar-form" role="search">
                            <div class="form-group">
                                <label for="roleSearchInput" class="sr-only">请输入查询关键字</label>
                                <input type="text" class="form-control search-input-w2" id="roleSearchInput" name="rolekey"
                                       placeholder="请输入角色ID/名称">
                                <input type="text" class="dn"><!--防止form回车自动提交-->
                            </div>
                            <button type="button" class="btn btn-primary" id="btnRoleSearch">查询</button>
                        </form>
                        <ul id="roleTree" class="ztree"></ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-6">
                <div class="panel panel-func">
                    <div class="panel-heading">功能</div>
                    <div class="panel-body">
                        <form class="navbar-form" role="search">
                            <div class="form-group">
                                <label for="funcSearchInput" class="sr-only">请输入查询关键字</label>
                                <input type="text" class="form-control search-input-w2" id="funcSearchInput" name="funckey"
                                       placeholder="请输入功能ID/名称">
                                <input type="text" class="dn"><!--防止form回车自动提交-->
                            </div>
                            <button type="button" class="btn btn-primary" id="btnFuncSearch">查询</button>
                        </form>
                        <ul id="funcTree" class="ztree"></ul>
                    </div>
                </div>
            </div>
        </div>

        <nav class="navbar navbar-default navbar-fixed-bottom nav-oper-box">
            <div class="container mt10">
                <div class="row text-center">
                    <button type="button" class="btn btn-primary btn-add">新增权限</button>
                    <button type="button" class="btn btn-danger btn-delete">删除权限</button>
                    <button type="button" class="btn btn-default btn-reset">恢复初始状态</button>
                </div>
            </div>
        </nav>
    </div>


    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/manage/auth.js"></script>
</div>

</body>
</html>